<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>INSPINIA | Forum</title>

    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../font-awesome/css/font-awesome.css" rel="stylesheet">

    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">

    <link rel="stylesheet" href="../css/myStyle.css"/>
    <style>
        /*左侧导航栏部分*/
        .nav-left>li>a>i {
            font-size: 16px;
        }
        .nav-header{
            height: 66px;
            width:100%;
            /*border: 1px solid red;*/
        }
        .nav-wyglxt{
            width: 130px;
            height: 21px;
            /*border: 1px solid gold;*/
            margin: 0 auto;
            margin-top:-10px;
            /*line-height: 21px;*/
        }
        .img-circle{
            border-radius: 0;
        }
        .nav-title{
            /*border: 1px solid red;*/
        }
        .nav-title> span{
            color: #a7b1c2;
            /*font-weight: 600;*/
            padding: 14px 20px 14px 25px;
            display: inline-block;
            position: relative;
            font-weight: 100;
        }
        .nav-title i{
            position: absolute;
            display: inline-block;
            top:23px;
            width:120px;
            height: 2px;
            background-color:#17222c;
        }
        /*右侧部分*/
        /*设置宽度*/
        /*#page-wrapper{*/
            /*margin: 0px 0 0 200px  ;*/
        /*}*/
        .navbar-top-height{
            height: 65px;
            background: #ffffff;
        }
        .navbar-top-left{
            height: 65px;
            font-size: 14px;
            color: #cecece;
            /*border: 1px solid red;*/
            border-radius: 0;
        }
        .navbar-top-left >li{
            height:100%;
        }
        .navbar-top-left> li a{
            padding: 22px 35px 14px 35px;
            height: 100%;
            color: #c4c4c4;
        }
        .nav-triangle{
            width:0;
            height:0;
            border-width:0 10px 10px;
            border-style:solid;
            border-color:transparent transparent #1593ba;/*透明 透明  灰*/
            /*margin:40px auto;*/
            position: absolute;
        }
        .nav-dropdown-list li{
            /*border: 1px solid red;*/
            text-align: center;
        }
        .nav-dropdown-list li a{
            text-align: center;
            font-size: 14px;
            border-bottom: 1px solid #f5f5f5;
            border-radius: 0;
            font-weight: bold;
        }
        .nav-dropdown-list li:last-child a{
            border-bottom: 0;
        }
        .nav-city>a{
            position: relative;
        }
        .nav-city> ul{
            /*border: 1px solid red;*/
            /*position: relative;*/
            position: absolute;
            top: 74px;
            left:-65px;
            width: 162px;
            border-top: 3px solid  #1593ba;
        }
        .nav-city ul .nav-triangle{
            top: -10px;
            right: 0px;
        }
        .nav-zone a{
            position: relative;
        }
        .nav-zone> ul{
            /*border: 1px solid red;*/
            /*position: relative;*/
            position: absolute;
            top: 74px;
            left:-65px;
            width: 162px;
            border-top: 3px solid  #1593ba;
        }
        .nav-zone .nav-triangle{
            top: -10px;
            right: 0px;
        }
        /*》》》》》》》》》》》》》*/
        .nav-school a{
            position: relative;
        }
        .nav-school> ul{
            width: 475px;
            position: absolute;
            top: 74px;
            left:-65px;
            border-top: 3px solid  #1593ba;
        }
        .nav-school> ul li{
            display: inline-block;
            margin-left: 10px;
            width: 144px;
        }
        .nav-school .nav-triangle{
            top: -10px;
            left: 152px;
        }
        .navbar-top-right{
            height: 65px;
            font-size: 14px;
            border-radius: 0;
        }
        .navbar-top-right> li a{
            padding: 22px 10px;
            height: 100%;
            padding-left: 30px;
        }
        .nav-sjgly{
            color: #000000;
            border-left: 1px solid #f3f3f4;
            margin-right: 0px;
            text-align: center;
        }
        .nav-sjgly>a{
            display: inline-block;
            color: #000000;
            text-align: center;
        }
        .nav-sjgly> a span{
            display: inline-block;
            font-size: 20px;
        }
        .nav-num i{
            font-size: 16px;
            position:relative;
        }
        .nav-num i span{
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #f05050;
            text-align: center;
            color: #ffffff;
            position: absolute;
            top:-10px;
            left: 7px;
        }

    </style>
</head>
<body>
<div id="wrapper">
    <!--左侧部分-->
    <nav class="navbar-default navbar-static-side aa" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav metismenu nav-left" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element nav-wyglxt">
                        <img alt="image" class="img-circle" src="../img/glxt.png" />
                    </div>
                </li>
                <li  class="nav-title">
                    <span>管理中心</span>
                    <i></i>
                </li>
                <li>
                    <a href="##"><i class="fa fa-bookmark"></i> <span class="nav-label">门户管理</span> <span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="##">名师管理</a></li>
                        <li><a href="##">名校管理</a></li>
                        <li><a href="##">通知公告</a></li>
                        <li><a href="##">直播课程</a></li>
                    </ul>
                </li>
                <li>
                    <a href="###"><i class="fa  fa-desktop"></i> <span class="nav-label">直播课程</span></a>
                </li>
                <li>
                    <a href="###"><i class="fa fa-bell-o"></i> <span class="nav-label">通知公告管理</span></a>
                </li>
                <li>
                    <a href="###"><i class="fa fa-institution "></i> <span class="nav-label">学校管理</span></a>
                </li>
                <li>
                    <a href="###"><i class="glyphicon glyphicon-user" aria-hidden="true"></i> <span class="nav-label">老师信息管理</span></a>
                </li>
                <li  class="nav-title">
                    <span>资源中心</span>
                    <i></i>
                </li>
                <li>
                    <a href="###"><i class="fa  fa-database"></i> <span class="nav-label">资源列表</span></a>
                </li>
                <li>
                    <a href="###"><i class="fa fa-pencil"></i> <span class="nav-label">资源审核</span></a>
                </li>
                <li>
                    <a href="###"><i class="fa fa-diamond"></i> <span class="nav-label">网院公开课</span></a>
                </li>
                <li  class="nav-title">
                    <span>学习中心</span>
                    <i></i>
                </li>
                <li>
                    <a href="index.html"><i class="fa fa-trophy"></i> <span class="nav-label">证书管理</span> <span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="##">已颁发证书</a></li>
                        <li><a href="##">颁发证书</a></li>
                    </ul>
                </li>
                <li>
                    <a href="###"><i class="fa  fa-file-o"></i> <span class="nav-label">教师学习情况</span></a>
                </li>
                <li  class="nav-title">
                    <span>服务中心</span>
                    <i></i>
                </li>
                <li>
                    <a href="###"><i class="fa fa-lightbulb-o"></i> <span class="nav-label">平台使用帮助</span></a>
                </li>
                <li>
                    <a href="###"><i class="fa fa-diamond"></i> <span class="nav-label">机关信息查询</span></a>
                </li>
                <li  class="nav-title">
                    <span>系统管理</span>
                    <i></i>
                </li>
                <li>
                    <a href="###"><i class="fa fa-dribbble"></i> <span class="nav-label">基本信息管理</span></a>
                </li>
                <li>
                    <a href="###"><i class="fa fa-cube"></i> <span class="nav-label">分院信息管理</span></a>
                </li>
                <li>
                    <a href="###"><i class="fa  fa-bookmark"></i> <span class="nav-label">系统账号管理</span> <span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="##">账号管理</a></li>
                        <li><a href="##">角色管理</a></li>
                        <li><a href="##">操作日志</a></li>
                        <li><a href="##">Dashboard v.4</a></li>
                    </ul>
                </li>
                <li>
                    <a href="###"><i class="fa  fa-envelope-o"></i> <span class="nav-label">系统消息管理</span></a>
                </li>
            </ul>

        </div>
    </nav>
    <!--右侧内容的区域-->
    <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top navbar-top-height" role="navigation" style="margin-bottom: 0">
                <div class="navbar-collapse collapse" id="navbar">
                    <ul class="nav navbar-nav navbar-top-left">
                        <li>
                            <a aria-expanded="false" role="button" href="###" class="fa fa-dedent"></a>
                        </li>
                        <li class="dropdown nav-city">
                            <a aria-expanded="false" role="button" href="###" class="dropdown-toggle" data-toggle="dropdown">株洲市 <span class="caret"></span></a>
                            <ul role="menu" class="dropdown-menu nav-dropdown-list">
                                <div class="nav-triangle"></div>
                                <li><a href="###">株洲市</a></li>
                                <li><a href="###">长沙市</a></li>
                                <li><a href="###l">邵阳市</a></li>
                            </ul>
                        </li>
                        <li class="dropdown nav-zone">
                            <a aria-expanded="false" role="button" href="###" class="dropdown-toggle" data-toggle="dropdown">芦淞区<span class="caret"></span></a>
                            <ul role="menu" class="dropdown-menu nav-dropdown-list">
                                <div class="nav-triangle"></div>
                                <li><a href="###">芦淞区</a></li>
                                <li><a href="###">芦淞区</a></li>
                                <li><a href="####">芦淞区</a></li>
                                <li><a href="###">芦淞区</a></li>
                            </ul>
                        </li>
                        <li class="dropdown nav-school">
                            <a aria-expanded="false" role="button" href="###" class="dropdown-toggle" data-toggle="dropdown">南方中学<span class="caret"></span></a>
                            <ul role="menu" class="dropdown-menu nav-dropdown-list">
                                <div class="nav-triangle"></div>
                                <li><a href="###">芦淞区</a></li>
                                <li><a href="###">芦淞区</a></li>
                                <li><a href="####">芦淞区</a></li>
                                <li><a href="###">芦淞区</a></li>
                                <li><a href="###">芦淞区</a></li>
                                <li><a href="###">芦淞区</a></li>
                                <li><a href="###">芦淞区</a></li>
                                <li><a href="###">芦淞区</a></li>
                                <li><a href="###">芦淞区</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-top-links navbar-right navbar-top-right">
                        <li class="nav-num">
                            <a href="##">
                                <i class="fa fa-bell-o"><span>2</span></i>
                            </a>
                        </li>
                        <li class="dropdown nav-sjgly">
                            <a aria-expanded="false" role="button" href="###" class="dropdown-toggle" data-toggle="dropdown" style="color: #000000">市级管理员&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="fa fa-angle-down"></span></a>
                            <ul role="menu" class="dropdown-menu nav-dropdown-list">
                                <li><a href="###">株洲市</a></li>
                                <li><a href="###">长沙市</a></li>
                                <li><a href="###l">邵阳市</a></li>
                                <li><a href="###l">邵阳市</a></li>
                                <li><a href="###l">邵阳市</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
</div>
</body>


<!-- Mainly scripts -->
<script src="../js/jquery-2.1.1.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="../js/inspinia.js"></script>
<script src="../js/plugins/pace/pace.min.js"></script>

</html>